div.exportlinks {
    margin: -5px 0 10px 10px;
    padding: 2px 4px 2px 0;
    width: 100%;
}

div.exportlinks a {
    text-decoration: none;
}

div.exportlinks span {
    background-repeat: no-repeat;
}

span.csv {
    background-image: url(../images/ico_file_csv.png);
}

span.excel {
    background-image: url(../images/ico_file_excel.png);
}

span.pdf {
    background-image: url(../images/ico_file_pdf.png);
}

span.xml {
    background-image: url(../images/ico_file_xml.png);
}

span.export {
    cursor: pointer;
    display: inline-block;
    padding: 0 4px 1px 20px;
}

span.pagebanner {
    /*display: none;*/
    margin: 10px 0 10px 0;
    padding: 2px 4px 2px 0;
}

span.pagelinks {
    display: table;
    font-size: 1.0em;
    font-weight:bold;
    margin-bottom: 5px;
   /* margin-top: -18px;*/
    padding: 2px 0 2px 0;
    text-align: right;
    width: 100%;

}

.table th {
    background-color: #336699;
    color: #fff;
    padding: 5px;
}
.table td {
    padding: 5px;
}

th.sorted a, th.sortable a {
    background-position: right;
    display: block;
    color: #FFF;
}

.table th.order1 a {
    background-image: url(../images/arrow_down.png) !important;
}

.table th.order2 a {
    background-image: url(../images/arrow_up.png) !important;
}

div#main .tableHeaderImage { /* Tapestry */
    position: absolute;
    margin: 2px 0 0 -5px;
    background: transparent;
    border: 0;
}

.table th.sortable a {
    background-image: url(../images/arrow_off.png);
}

.table {
    width: 100%;
    border: 1px solid #c0c0c0;
}

.table th.sorted {
   /* background-color: #ffd;
    color: #000000;*/
}

.table th.sorted a, .table th.sortable a {
    background-position: right;
    background-repeat: no-repeat;
    display: block;
    padding-right: 5px;
    text-decoration: none;
}

.table tr.even {
    background: #eee;
    border-top: 1px solid #c0c0c0;
    color: #000000;
}

.table tr.odd {
    background: #fff;
    border-top: 1px solid #c0c0c0;
    color: #000000;
}

/* highlight .table row onmouseover */
.table tr.over {
    border-bottom: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    color: #000000;
    cursor: pointer;
}

.detail th {
    text-align: right;
}

.table tbody tr:hover td, .table tr.over td,
            .table tbody tr:hover th {
                /*background: #ffffee !important;*/
                /*border-color: #523A0B !important; /* important needed on both for IE */
                /* new add by Shaz*/
                background: #D0DAFD url(images/gradhover.png) repeat-x scroll 0 0;
                color: #333399;

            }
            
.pending-elert{
    /*background: url("../images/blue_face_1.png") no-repeat scroll 0 0 yellow;*/
    background: no-repeat scroll 0 0 yellow;
    height: 22px;
    border: 1px solid #C0C0C0;
    /*font-weight: bold;*/
}
.pending-elert td{
    padding-left: 30px;
    padding-right: 5px;
}

.submitted-elert {
    /*background: url("../images/warning_red.png") no-repeat scroll 0 0 red;*/
    background:  no-repeat scroll 0 0 red;
    height: 22px;
    border: 1px solid #C0C0C0;
    color: #FFF;
    /*font-weight: bold;*/
}
.submitted-elert td {
    padding-left: 30px;
    padding-right: 5px;
}

.problem-elert {
    width: 100%;
}

div.colorLabel.whiteLabelText{
    font-family: "Lucida Grande",Arial,Helvetica,sans-serif;
    font-size: 10px;
    padding: 1px 13px;
    display: inline-block;
    background: transparent linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)) repeat scroll 0% 0%;
    border-radius: 12px;
    box-shadow: 0px 0px 1px rgba(150, 150, 150, 0.4);
    color: #FFF;
    text-align: center;
    width:-moz-available;
}

span.urgent{
    background-image: url(../images/Flag-red-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    padding: 2px 10px;
}
span.high{
    background-image: url(../images/Flag-red-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    padding: 2px 10px;
}
span.medium{
    background-image: url(../images/Flag-green-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    padding: 2px 10px;
}
span.low{
    background-image: url(../images/Flag-yellow-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    padding: 2px 10px;
}
span.unspecified{
    background-image: url(../images/Flag-blue-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    padding: 2px 10px;
}